<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
    <meta name="description" content=""/>
    <meta name="author" content=""/>
    <link rel="icon" href="./img/asset-favicon.ico"/>
    <title>社交-活动</title>
    <!-- 页面 css js -->
    <link rel="stylesheet" type="text/css" href="./plugins/normalize-css/normalize.css"/>
    <link rel="stylesheet" type="text/css" href="./plugins/yui/cssgrids-min.css"/>
    <link rel="stylesheet" type="text/css" href="./plugins/sui/sui.min.css"/>
    <link rel="stylesheet" type="text/css" href="./plugins/sui/sui-append.min.css"/>
    <link rel="stylesheet" type="text/css" href="./plugins/font-awesome/css/font-awesome.min.css"/>
    <link rel="stylesheet" type="text/css" href="./css/widget-base.css"/>
    <link rel="stylesheet" type="text/css" href="./css/widget-head-foot.css"/>
    <link rel="stylesheet" type="text/css" href="./css/page-sj-activity-detail.css"/>
</head>
<body>
<!--引用组件-->
<div id="vm">

</div>
<div class="activity-head">

</div>

<!--中间布局-->
<div class="wrapper activities" id="app">
    <h1>{{ activitys.title }}</h1>
    <div class="img-text">
        <div class="left-img">
            <img :src="activitys.image" alt=""/>
        </div>
        <div class="right-txt">
            <p>开始时间:{{ activitys.start_time | str2date | str2ymd }} {{ activitys.start_time | str2date | str2week }}</p>
            <p>结束时间:{{ activitys.end_time | str2date | str2ymd }} {{ activitys.start_time | str2date | str2week }}</p>
            <p>举办地点:{{ activitys.address }}</p>
            <p>主办方:{{ activitys.host }}</p>
            <p>报名截止：{{ remain_time | second2dhms }}</p>
            <div class="join">
                <button class="sui-btn btn-danger">立即报名</button>
                <span class="will">报名即将开始</span>
            </div>
        </div>
    </div>
    <div class="simple-text">
        <div class="left-content">
            <div class="content-item" v-html="activitys.abstract">
            </div>
            <div class="content-item" v-html="activitys.description">
            </div>
        </div>
        <div class="right-intro">
            <div class="content-item">
                <div class="tit">
                    <span>活动组织者</span>
                </div>
                <div class="text">
                    <p>主办方：{{ activitys.host }}</p>
                </div>
            </div>
            <div class="content-item">
                <div class="tit">
                    <span>相关链接</span>
                </div>
                <div class="text">
                    <!--<p>活动官网：{{ activitys.link }}</p>-->
                    <p>点击进入:<a :href="activitys.link">活动官网</a></p>
                </div>
            </div>
            <div class="content-item">
                <div class="tit">
                    <span>分享扩散</span>
                </div>
                <div class="text">
                    <p><img src="./img/widget-weibo.png" alt="" width="30"/><img src="./img/widget-weixin.png" alt=""
                                                                                 width="30"/></p>
                </div>
            </div>
        </div>
    </div>
</div>
</div>

<!--底部版权-->
<div class="footer">

</div>
</body>
</html>

<script src="./js/vue-2.5.16.js"></script>
<script src="./js/axios-0.18.0.min.js"></script>
<script src="./js/jquery.min.js"></script>
<script src="./js/base.js"></script>
<script src="./js/activity-detail.js"></script>
<script src="plugins/jquery/dist/jquery.min.js"></script>